<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/amazeui.min.css">
  	<link rel="stylesheet" href="css/app.css">
	<style>
		*{
			padding: 0;
			margin: 0;
		}
		body,html{
			width: 100%;
			height: 100%;
			position: relative;
			overflow: hidden;
		}
		footer{
			position: fixed;
			bottom: 0;
			overflow: hidden;
			width: 100%;
		}
		footer .footer1{
			position: relative;
			overflow: hidden;
			width: 100%;
			background: #846e50;
		}
		footer .footer1 h6 {
		    margin: 0;
		    color: #fff7d1;
		    font-size: 1.2rem;
		    margin-top: 0.4rem;
		    margin-bottom: 1rem;
		}
		footer .footer1 a img {
		    width: 35%;
		    position: relative;
		    margin-top: 1rem;
		}
		.sanjiao{
			text-align: center;
		}
		.footer_center{
			width: 20%;
			padding: 0;
		}
		footer .footer1 div{
			text-align: center;
			width: 20%;
			float: left;
			border-right: 1px solid #fff;
		}
		.triangle-up {
			width:100%;
		}
</style>
</head>
<body>
	<footer>
		<div class="sanjiao">
			<div class="footer_center am-u-sm-centered">
				<div class="triangle-up"></div>
			</div>
		</div>
		<div class="footer1">
			<div class="footer1s">
				<a href="">
		            <img src="images/dianhua.png" alt="">
		          </a>
		          <h6>联系我们</h6>
			</div>
			<div class="footer1s">
				<a href="">
		            <img src="images/baoming.png" alt="">
		          </a>
		          <h6>联系我们</h6>
			</div>
			<div class="footer1s">
				<a href="">
		            <img src="images/huiding.png" alt="" style="width: 50%;">
		          </a>
			</div>
			<div class="footer1s">
				<a href="">
		            <img src="images/jiaoliu.png" alt="">
		          </a>
		          <h6>联系我们</h6>
			</div>
			<div class="footer1s">
				<a href="">
		            <img src="images/gaikuang.png" alt="">
		          </a>
		          <h6>联系我们</h6>
			</div>
		</div>
	</footer>
<script src="js/jquery.min.js"></script>
<script>
	$(function(){
		var jiaodu = $(document).width()/5/2,
			jiaodu2 = $(document).width()/5/2/2,
			footer1sHeight = $("footer .footer1s").height();
		$(".triangle-up").css({
			"border-left": + jiaodu +'px solid transparent',
			"border-right": + jiaodu +'px solid transparent',
			"border-bottom": + jiaodu2 +'px solid #846e50',
		});
		$(".footer1s").css("height",footer1sHeight);
	});
</script>
</body>
</html>